<!DOCTYPE html>

<html lang="es">

<head>
  	<title>SyncroList</title>

  	{include file="head_scripts.html"}
  	<!--<style>
        body {
          padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }
      </style>-->
</head>

<body>

	{include file="nav_bar.html"}

    <div class="container">
      <div class="row">
        
        <div class="span2">
          <ul class="nav nav-pills nav-stacked">
            <li class="nav-header">Actividades</li>
            <li><a href="actividades/create"><i class="icon-chevron-right"></i>Crear</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Ver</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Editar</a></li>
            <li class="active"><a href="actividades/browse"><i class="icon-chevron-right"></i>Listar</a></li>
            
            <li class="nav-header">Contactos</li>
            <li><a href="contactos/create"><i class="icon-chevron-right"></i>Crear</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Ver</a></li>
            <li class="disabled"><a><i class="icon-chevron-right"></i>Editar</a></li>
            <li><a href="contactos/browse"><i class="icon-chevron-right"></i>Listar</a></li>
          </ul>
        </div> <!-- /span2 -->
        

        <div class="span10">
          <legend>Listado de actividades</legend>
          
          {include file="messages.html"}

          <table class="table table-bordered table-striped table-hover">
            <thead>
              <tr>
                  <th>Título</th>
                  <th>Detalle</th>
                  <th>Fecha</th>
                  <th>Operaciones</th>
              </tr>
            </thead>
            <tbody>
              {foreach from=$usuario->actividad
               item="actividad"}
                <tr>
                  <td>{$actividad->titulo}</td>
                  <td>{$actividad->detalle}</td>
                  <td>{$actividad->fecha}</td>
                  <td class="span2">
                    <a id="" name="" href="actividades/read/{$actividad->id}/">Ver</a>

                    <a id="" name="" href="actividades/update/{$actividad->id}/">Editar</a>

                    <a id="" name="" href="actividades/delete/{$actividad->id}/" class='delete-confirm' data-delete_msg='¿Estás seguro que querés borrar esta actividad?'>Eliminar</a>

                  </td>
                </tr>
              {/foreach}
            </tbody>
          </table>
        </div> <!-- /span10 -->

      </div> <!-- /row -->
    </div> <!-- /container -->

	{include file="footer.html"}
  
  {include file="foot_scripts.html"}
</body>

</html>